<template>
  <div class="flex flex-col items-center justify-center min-h-[calc(100vh-200px)]">
    <div class="text-9xl font-bold text-gray-200">403</div>
    <h1 class="text-2xl font-semibold mt-4 mb-2">抱歉，您没有访问权限</h1>
    <p class="text-gray-500 mb-4">当前账号无权限访问该页面</p>
    <a-button type="primary" @click="router.push('/')">返回首页</a-button>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'

defineOptions({
  name: 'ForbiddenPage',
})

const router = useRouter()
</script>
